<template>
	<view>
		<u-navbar  title="个人基本资料"></u-navbar>
		<view class="part">
			<view class="dis_f_sb_c line" style="padding: 20rpx 0;">
				<view class="h_text">头像</view>
				<view class="dis_f_l_c">
					<image src="../../static/logo.png" class="tx"></image>
					<u-icon name="arrow-right"></u-icon>
				</view>
			</view>
			<view class="dis_f_sb_c line">
				<view class="h_text">用户名</view>
				<view>18553703252</view>
			</view>
		</view>
		<view class="part">
			<view class="dis_f_sb_c line">
				<view class="h_text">昵称</view>
				<view>18553703252</view>
			</view>
			<view class="dis_f_sb_c line">
				<view class="h_text">性别</view>
				<view>女</view>
			</view>
			<view class="dis_f_sb_c line">
				<view class="h_text">所在区域</view>
				<view>女</view>
			</view>
			<view class="dis_f_sb_c line">
				<view class="h_text">出生日期</view>
				<view>女</view>
			</view>
			<view class="dis_f_sb_c line">
				<view class="h_text">注册时间</view>
				<view>女</view>
			</view>
		</view>
		<view style="padding: 0 20rpx;position: fixed;width: 100%;bottom: 80rpx;">
			<u-button type="primary">保存</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.part{
		padding: 0 20rpx;
		background-color: #fff;
		margin-bottom: 20rpx;
		.line{
			padding: 40rpx 0;
			border-bottom: 1px solid #f5f5f7;
		}
		.tx{
			width: 120rpx;
			height: 120rpx;
			border-radius: 50%;
			margin-right: 10rpx;
		}
		.h_text{
			color: #83868f;
		}
	}
</style>
